<template>
    <!--列表-->
    <div class="CardT">
        <div class="container mt-40 flex justify-content-between">
            <div>
                <div class="container-card">
                    <div class="title-content flex justify-content-between align-items-center">
                        <div class="title">组织风采</div>
                        <div class="more pointer">更多>></div>
                    </div>
                    <div class="card-list">
                        <div v-for="o in 17" :key="o" class="text item ellipsis">{{ `&middot;&nbsp;`+  'List item ' + o }}</div>
                    </div>
                </div>
            </div>
            <div>
                <div class="container-card">
                    <div class="title-content flex justify-content-between align-items-center">
                        <div class="title">政策法规</div>
                        <div class="more pointer">更多>></div>
                    </div>
                    <div class="card-list">
                        <div v-for="o in 7" :key="o" class="text item ellipsis">{{ `&middot;&nbsp;`+  'List item ' + o }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
</script>

<style scoped lang="less">
@import "@/assets/style/common.less";
.CardT{
    .container {
        height:340px;
        > div{
            width: 588px;
            float: left;
            height: 340px;
        }
        .container-card{
            background: #FFFFFF;
            padding: 0 24px;
            .title-content{
                padding: 16px 0 0 0;
                border-bottom: 2px solid #EEEEEE;
                .title{
                    width: 156px;
                    padding-left: 20px;
                    font-size: 24px;
                    font-weight: 500;
                    color: #FFFFFF;
                    background: url(@/assets/images/bg3.png) no-repeat;
                }
                .more{
                    float: right;
                    font-size: 16px;
                    font-weight: 400;
                    color: #999999;
                    line-height: 1;
                }
            }
            .card-list{
                height: 280px;
                overflow-y: auto;
                .text {
                    font-size: 16px;
                    color: #222222;
                    line-height: 40px;
                }
            }
        }
    }
}
</style>
